<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>08-border-spacing</title>
    <style>
        td {
            border: 1px solid #f00;
        }

        table {
            /* 合并单元格的边框 */
            /*border-collapse: collapse;*/

            /* 设置单元格之间的水平、垂直间距 */
            border-spacing: 20px;
        }
    </style>
</head>
<body>

<table>
    <tr>
        <td>td1</td>
        <td>td2</td>
        <td>td3</td>
        <td>td4</td>
        <td>td5</td>
    </tr>
    <tr>
        <td>td1</td>
        <td>td2</td>
        <td>td3</td>
        <td>td4</td>
        <td>td5</td>
    </tr>
    <tr>
        <td>td1</td>
        <td>td2</td>
        <td>td3</td>
        <td>td4</td>
        <td>td5</td>
    </tr>
    <tr>
        <td>td1</td>
        <td>td2</td>
        <td>td3</td>
        <td>td4</td>
        <td>td5</td>
    </tr>
    <tr>
        <td>td1</td>
        <td>td2</td>
        <td>td3</td>
        <td>td4</td>
        <td>td5</td>
    </tr>
</table>

</body>
</html>